<template>
    <div>
        <el-dialog :title="`${thisEditData.customer_name}--详情`" :visible.sync="infoVisible" width="60%" center :modal="true">
            <el-row :gutter="10" class="row-bg">
                <el-col :xs="8" :sm="6" :md="4" :lg="6" :xl="1" class='col-left'>
                    <span>用户名称:</span></el-col>
                <el-col :xs="4" :sm="6" :md="8" :lg="18" :xl="11">
                    <span>{{thisEditData.customer_name}}</span>
                </el-col>
            </el-row>
            <el-row :gutter="10" class="row-bg">
                <el-col :xs="8" :sm="6" :md="4" :lg="6" :xl="1" class='col-left'>
                    <span>用户密码:</span></el-col>
                <el-col :xs="4" :sm="6" :md="8" :lg="18" :xl="11">
                    <span>{{thisEditData.customer_password}}</span>
                </el-col>
            </el-row>
            <el-row :gutter="10" class="row-bg">
                <el-col :xs="8" :sm="6" :md="4" :lg="6" :xl="1" class='col-left'>
                    <span>用户类型:</span></el-col>
                <el-col :xs="4" :sm="6" :md="8" :lg="18" :xl="11">
                    <span>{{thisEditData.customer_type}}</span>
                </el-col>
            </el-row>
            <el-row :gutter="10" class="row-bg">
                <el-col :xs="8" :sm="6" :md="4" :lg="6" :xl="1" class='col-left'>
                    <span>用户年龄:</span></el-col>
                <el-col :xs="4" :sm="6" :md="8" :lg="18" :xl="11">
                    <span>{{thisEditData.customer_age}}</span>
                </el-col>
            </el-row>
            <el-row :gutter="10" class="row-bg">
                <el-col :xs="8" :sm="6" :md="4" :lg="6" :xl="1" class='col-left'>
                    <span>用户性别:</span></el-col>
                <el-col :xs="4" :sm="6" :md="8" :lg="18" :xl="11">
                    <span>{{thisEditData.customer_sex ? '女' : '男'}}</span>
                </el-col>
            </el-row>
            <el-row :gutter="10" class="row-bg">
                <el-col :xs="8" :sm="6" :md="4" :lg="6" :xl="1" class='col-left'>
                    <span>用户真实姓名:</span></el-col>
                <el-col :xs="4" :sm="6" :md="8" :lg="18" :xl="11">
                    <span>{{thisEditData.customer_reallyName}}</span>
                </el-col>
            </el-row>
            <span slot="footer" class="dialog-footer">
                <el-button @click="childCenterDialogVisibleChange">取 消</el-button>
            </span>
        </el-dialog>
    </div>
</template>

<script>
import { submitGoodsEdit } from '../../../api/index';
export default {
    data() {
        return {
            thisEditData: this.editData
        };
    },
    computed: {},
    watch: {
        editData(newVal, oldVal) {
            this.thisEditData = newVal;
        }
    },
    methods: {
        getVislble() {
            console.log(this.infoVisible);
        },
        childCenterDialogVisibleChange: function () {
            this.$emit('checkInfoVisible', this.infoVisible);
        }
    },
    props: ['checkInfoVisible', 'editData', 'infoVisible']
};
</script>

<style scoped>
.row-bg{
    margin-bottom:20px;
}
.col-left{
    text-align: right;
}
/* .el-input{
    display: ;
} */
.crop-demo {
    display: flex;
    align-items: flex-end;
}
.crop-demo img {
    width: 150px;
    height: 150px;
    margin-right: 20px;
}
.crop-demo-btn {
    position: relative;
    width: 100px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    margin-left: 30px;
    background-color: #409eff;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    box-sizing: border-box;
}
.crop-input {
    position: absolute;
    width: 100px;
    height: 40px;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}
</style>